import { Component, ViewChild } from '@angular/core';
import { Myc02Component } from './myc02/myc02.component';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'controlSon';

  // @ViewChild('myc02')查看子组件中 #myc02的那个, 后面的变量名可以自定义，这里我命名为abc
  @ViewChild('myc02') abc: Myc02Component = Myc02Component;

  change(){
    // 你会发现this.abc就是子组件本身的实例
    console.log(this.abc);
    // 我们通过this.abc.name即可拿到本案例子组件身上的name属性，而且可以修改
    this.abc.name = 'lisi';
  }
}
